<template>
    <view>
        <view class="dftysewe">
        	<view class="kjnnjbgbert pr" :class="sd.id==3?'act':''">
				<image src="/static/img/chekuang/Light.png" mode="widthFix" class="lkjjjhbserr car_yq"  :class="'sdrttt'+sd.id" v-if="(datas.car_HeadlightOn && sd.id==0)"></image>
				<image src="/static/img/chekuang/WLight.png" mode="widthFix" class="lkjjjhbserr car_yq"  :class="'sdrttt'+sd.id"  v-if="(datas.car_weil && sd.id==0)"></image>
				
				<image src="/static/img/chekuang/fshan.png" mode="widthFix" class="lkjjjhbserr car_yq"  :class="'sdrttt'+sd.id" v-if="(datas.car_fshan && sd.id==0)"></image>
				<image src="/static/img/chekuang/chuangl1.png" mode="widthFix" class="lkjjjhbserr car_yq"  :class="'sdrttt'+sd.id" v-if="(datas.chaungl1 && sd.id==2)"></image>
				<image src="/static/img/chekuang/chuangl2.png" mode="widthFix" class="lkjjjhbserr car_yq"  :class="'sdrttt'+sd.id" v-if="(datas.chuangl2 && sd.id==2)"></image>
				<image src="/static/img/chekuang/chuangr1.png" mode="widthFix" class="lkjjjhbserr car_yq"  :class="'sdrttt'+sd.id" v-if="(datas.chuangr1 && sd.id==2)"></image>
				<image src="/static/img/chekuang/chuangr2.png" mode="widthFix" class="lkjjjhbserr car_yq"  :class="'sdrttt'+sd.id" v-if="(datas.chuangr2 && sd.id==2)"></image> 
				
				
				<image src="/static/img/chekuang/doorl1.png" mode="widthFix" class="lkjjjhbserr car_yq"  :class="'sdrttt'+sd.id" v-if="(datas.doorl1 && sd.id==1)"></image>
				<image src="/static/img/chekuang/doorl2.png" mode="widthFix" class="lkjjjhbserr car_yq"  :class="'sdrttt'+sd.id" v-if="(datas.doorl2 && sd.id==1)"></image>
				<image src="/static/img/chekuang/doorr1.png" mode="widthFix" class="lkjjjhbserr car_yq"  :class="'sdrttt'+sd.id" v-if="(datas.doorr1 && sd.id==1)"></image>
				<image src="/static/img/chekuang/doorr2.png" mode="widthFix" class="lkjjjhbserr car_yq"  :class="'sdrttt'+sd.id" v-if="(datas.doorr2 && sd.id==1)"></image>
        		<image :src="'../../static/img/chekuang/'+sd.images" mode="widthFix" class="lkjjjhbserr" :class="'sdrttt'+sd.id"></image>
        		<view class="" v-if="sd.id!=3">
        			<view class="row">
        				<view class="col">
        					<view class="z9 fz26">
        						{{sd.xiaji[0].name}}
        					</view>
        					<view class="fz36 cf mt20">
        						{{sd.xiaji[0].zt}}
        					</view>
        				</view>
        				<view class="col tr">
        					<view class="z9 fz26">
        						{{sd.xiaji[1].name}}
        					</view>
        					<view class="fz36 cf mt20">
        						{{sd.xiaji[1].zt}}
        					</view>
        				</view>
        			</view>
        			<view class="row dfgyysert">
        				<view class="col">
        					<view class="z9 fz26">
        						{{sd.xiaji[2].name}}
        					</view>
        					<view class="fz36 cf mt20">
        						{{sd.xiaji[2].zt}}
        					</view>
        				</view>
        				<view class="col tr">
        					<view class="z9 fz26">
        						{{sd.xiaji[3].name}}
        					</view>
        					<view class="fz36 cf mt20">
        						{{sd.xiaji[3].zt}}
        					</view>
        				</view>
        			</view>
        			        	
        		</view>
			</view>
        </view>
    </view>
</template>
<script>
    export default {
		props:['sd','datas'],
        data() {
            return {}
        },
        components: {},
		onShow() {
			console.log(this.datas);
		},
        methods: {},
        mounted() {}
    }

</script>
<style scoped>
.kjnnjbgbert {
		padding-top: 310upx;
	}

	.lkjjjhbserr {
		width: 422upx;
		top: -120upx;
		margin: auto;
		left: 0;
		right: 0;
		position: absolute;
	}

	.dftysewe {
		padding-left: 80upx;
		padding-right: 80upx;
	}

	.dfgyysert {
		margin-top: 250upx;
	}
	.sdrttt1{
		width: 348upx;
		top: 160upx;
	}
	.sdrttt2{
		width: 348upx;
		top: 160upx;
	}
	.sdrttt3{
		width: 348upx;
		top: 160upx;
	}
	.sdrttt0{
		width: 348upx;
		top: 160upx;
	}
	.kjnnjbgbert.act{
		height: 760upx;
	}
	
	.car_yq{
		position: absolute;
		
		z-index: 200;
	}
</style>
